<script setup>
  import { useUserStore } from '@/stores/user'
  const userStore = useUserStore();
</script>

<template>
  <div class="check-dialog-container">
    <template v-if="userStore.checkResultObj.isCorrect">
      <div class="cdc-r-tips">恭喜你，回答正确！</div>
    </template>
    <template v-else>
      <div class="cdc-e-tips">对不起，回答错误！</div>
      <div>
        正确答案为：
        <span>{{ userStore.checkResultObj.correctAnswer }}</span>
      </div>
      <div>解释说明：</div>
      <div>{{ userStore.checkResultObj.introStr }}</div>
    </template>
  </div>
</template>

<style scoped lang="scss">
.check-dialog-container{
  display: block;
}
</style>
